<!---- SUI模板 on ${DATE} -->
<script ng-init="initCssAndJs('xiang-linetake-page/js/linetake.js')" xmlns:100></script>

<script ng-init="initCss('xiang-linetake-page/css/linetake.css')"></script>
<header class="bar bar-nav">
    <a class="icon icon-left pull-left button-nav" href="javascript:history.go(-2);"></a>

    <h1 class="title">线路详情</h1>
</header>

<div class="content" ng-init="getLine()">
    <!-- 轮播图 -->
    <div class="swiper-container" data-space-between='0' data-swiper-autoplay="2000" style="margin-top: -2rem">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img ng-src="page/xiang-linetake-page/img/7.png" alt="">
                <!--<p class="img-words" ng-click="$parent.turnDetail(silder)">{{silder.groupTitle}}</p>-->
            </div>
            <div class="swiper-slide">
                <img ng-src="page/xiang-linetake-page/img/8.png" alt="">
                <!--<p class="img-words" ng-click="$parent.turnDetail(silder)">{{silder.groupTitle}}</p>-->
            </div>
            <div class="swiper-slide">
                <img ng-src="page/xiang-linetake-page/img/9.png" alt="">
                <!--<p class="img-words" ng-click="$parent.turnDetail(silder)">{{silder.groupTitle}}</p>-->
            </div>
            <div class="swiper-slide">
                <img ng-src="page/xiang-linetake-page/img/10.png" alt="">
                <!--<p class="img-words" ng-click="$parent.turnDetail(silder)">{{silder.groupTitle}}</p>-->
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>

    <div class="buttons-tab">
        <a href="#/xiangqing" class=" button">简介</a>
        <a href="#/linetake" class="button active">线路规划</a>
        <a href="#/pingjia-page" class="button">评价</a>
    </div>
    <!-- 加载提示符 -->
    <div class="infinite-scroll-preloader">
        <div class="preloader"></div>
    </div>
    <div class="line-content">
        <ul>
            <li ng-repeat="x in lineInfos track by $index">
                <!--列表展开样式-->
                <div class="line-list-bg">
                    <div class="line-list-all">
                        <div class="line-list">路线名：{{}}</div>
                        <div class="line-title" ng-click="showLine($index)">{{x.lineTitle}}</div>
                        <div style="clear: both"></div>
                        <div class="line-icon " style='display: none'>
                            <img ng-src="page/xiang-linetake-page/img/icon-top.png" alt="">
                        </div>
                        <div class="line-icon2">
                            <img ng-src="page/xiang-linetake-page/img/icon-bottom.png" alt="">
                        </div>
                    </div>
                </div>
                <div style="clear: both"></div>
                <div id="showOrHide" ng-class="{'hidden':$index!=hide,'show':$index==hide}">
                    <div class="arrange-all " ng-repeat="y in x.detail track by $index">
                        <div class="line-arrange-bg">
                            <div class="line-arrange">
                                <div class="time">地点{{y.lineScenicSort}}：</div>
                                <div class="line-arrange-circle">
                                    <div style="width: 0.5rem;height: 0.5rem;border-radius: 100%;border: 0.05rem solid #44753e;margin-top: 0.4rem">
                                        <div style="width: 0.4rem;height: 0.4rem;border-radius: 100%;background: #44753e;border: 0.05rem solid white"></div>
                                    </div>
                                </div>
                                <div class="line-arrange-right" ng-click="showLineDetail($index)">
                                    <div class="line-arrange-title" >{{y.lineScenicName}}</div>
                                </div>
                            </div>
                            <div class="line-arrange-content" ng-class="{'hidden':$index!=hide1,'show':$index==hide1}">
                                <div class="arrange-content-div">
                                    <div class="line-arrange-picture">
                                        <img ng-if="!y.lineScenicImg" ng-src="page/xiang-linetake-page/img/8.png"
                                             alt="">
                                        <img ng-if="y.lineScenicImg" ng-src="{{y.lineScenicImg}}" alt="">

                                    </div>
                                    <div class="line-arrange-cont">
                                        {{y.lineScenicDetail}}
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <!--列表展开样式-->
            </li>

        </ul>
    </div>
</div>

<div ng-init="suiMobileInit('home-page/js/home.js')"></div>




